<template>
    <div>
        <h2>房型显示</h2>
        <table>
            <tr>
                <td>房型名称<input type="text"><button>查询</button></td>
            </tr>
        </table>
        <table class="table table-bordered">
            <body>
                <tr class="bg bg-primary">
                    <td>名称</td>
                    <td>图片</td>
                    <td>面积</td>
                    <td>是否有窗</td>
                    <td>价格</td>
                    <td>入住人数</td>
                    <td>状态</td>
                    <td>时间</td>
                    <td>操作</td>
                </tr>
                <tr>
                    <td>标间</td>
                    <td><img src="/src/imgar/【火车站】2024-07-03 16_25_39.png" width="100"> </td>
                    <td>20</td>
                    <td>否</td>
                    <td>￥200</td>
                    <td>1</td>
                    <td>启用</td>
                    <td>2024-11-4</td>
                    <td><a href="upxing">修改</a></td>
                </tr>
                <tr>
                    <td>豪华间</td>
                    <td><img src="/src/imgar/【裸露的肩膀】2024-08-05 19_07_41.png" width="100"> </td>
                    <td>300</td>
                    <td>有</td>
                    <td>￥500</td>
                    <td>1</td>
                    <td>启用</td>
                    <td>2024-11-4</td>
                    <td><a href="upxing">修改</a></td>
                </tr>
            </body>
        </table>
        <table>
            <tbody>
                <tr>
                    <td><button >上一页</button></td>
                    <td><button >下一页</button></td>
                    <td><button >首页</button></td>
                    <td><button >尾页</button></td>
           
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script setup lang="ts">


</script>

<style scoped>

</style>